<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@font-face {
	font-family: "din";
	src:url("../font/DIN-Regular.otf") format("truetype");
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: "din-bold_";
	src: url("../font/din-bold_.woff2") format("woff2"),
		 url("../font/din-bold_.woff") format("woff"),
		 url("../font/din-bold_.ttf") format("truetype"),
		 url("../font/din-bold_.eot") format("embedded-opentype"),
		 url("../font/din-bold_.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }
  .din{font-family:'din';}
  .dinbold{font-family:'din-bold_';}
:root{
	/*公用*/
	--font:	'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;
	--transition:cubic-bezier(0.215,.61,.355,1) .45s;
	--font-size:14px;
	--body-color:#000;
	--placeholder:#dbdbdb;
	--bg-gray:#f5f5f5;
	--bg-scroll:#FED190;
	--linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0));
	--linear-gradient-orange:linear-gradient(135deg,rgba(250,143,71,0),#FA8E44);
	--input-border-color:#eee;
	--color-dominant:#fa7f2b;
	--color-blue:#004592;
	--color-fill:#000;
	--cursor-stroke:#fa7f2b;
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block; padding:0; margin:0;}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; display:inline-block; width:auto; max-width:100%;vertical-align: middle;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-size:var(--font-size); color:var(--body-color);font-family: var(--font);-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
a{text-decoration:none; color:inherit; outline:none; transition:var(--transition);}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
pre{font-family:inherit; white-space:pre-wrap;word-wrap: break-word;}
input,textarea,select{outline: none;-webkit-appearance: none;border-radius: 0; font-size:inherit;font-family:inherit; display:block; width:100%; border:none; border:1px solid var(--input-border-color); height:38px; line-height:38px; padding:0 10px; transition:cubic-bezier(0.215,.61,.355,1) .45s; background:none;}
textarea{resize:none;}
input::-webkit-input-placeholder{color:var(--placeholder);}
input:-moz-placeholder,input::-moz-placeholder{color:var(--placeholder);}
input:-ms-input-placeholder{color:var(--placeholder);}
textarea::-webkit-input-placeholder{color:var(--placeholder);}
textarea:-moz-placeholder{color:var(--placeholder);}
textarea::-moz-placeholder{color:var(--placeholder);}
textarea:-ms-input-placeholder{color:var(--placeholder);}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:var(--bg-scroll);border-radius:1.5625vw}
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353}
::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00}
/*config*/
.l-center{text-align:center;}
.l-relative{position:relative;}
.l-overflow{overflow:hidden;}
.l-bold{font-weight:bold;}
.l-imgs{background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%;}

.l-lh18{line-height:18px;}
.l-lh20{line-height:20px;}
.l-lh22{line-height:22px;}
.l-lh24{line-height:24px;}
.l-lh26{line-height:26px;}
.l-lh28{line-height:28px;}
.l-lh30{line-height:30px;}
.l-lh32{line-height:32px;}
.l-lh34{line-height:34px;}
.l-lh36{line-height:36px;}
.l-lh38{line-height:38px;}
.l-lh40{line-height:40px;}
.l-lh48{line-height:48px;}
.l-font12{font-size:12px;}
.l-font16{font-size:16px;}
.l-font18{font-size:18px;}
.l-font20{font-size:20px;}
.l-font22{font-size:22px;}
.l-font24{font-size:24px;}
.l-font26{font-size:26px;}
.l-font28{font-size:28px;}
.l-font30{font-size:30px;}
.l-font32{font-size:32px;}
.l-font34{font-size:34px;}
.l-font36{font-size:36px;}
.l-font38{font-size:38px;}
.l-font40{font-size:40px;}
.l-font42{font-size:42px;}
.l-font56{font-size:56px;}
.l-font60{font-size:60px;}
.l-font72{font-size:72px;}

.l-opacity8{opacity:.8;}
.l-opacity7{opacity:.7;}
.l-opacity6{opacity:.6;}
.l-opacity5{opacity:.5;}
.l-opacity4{opacity:.4;}
.l-opacity3{opacity:.3;}
.l-opacity2{opacity:.2;}
/*栅格化*/
.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.l-flex-column{display:flex; flex-direction:column; flex-wrap:wrap;}
/*均分*/
.l-grid-2&gt;*{width:50%;}
.l-grid-3&gt;*{width:33.333333333333336%;}
.l-grid-4&gt;*{width:25%;}
.l-grid-5&gt;*{width:20%;}
.l-grid-6&gt;*{width:16.666666666666668%;}
.l-grid-7&gt;*{width:14.285714285714286%;}
.l-grid-8&gt;*{width:12.5%;}
/*font color*/
.l-white{color:#fff;}
.l-black{color:#000;}
.l-gray3{color:#333;}
.l-gray6{color:#666;}
.l-gray9{color:#999;}
/*显示行数*/
.lines1{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.lines2{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lines3{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.lines4{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.lines5{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.lines6{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
.public-bg{background-attachment:fixed;background-position:center; background-size:cover;}
.l-uppercase{text-transform:uppercase;}
/*弹窗图片轮播*/
.lh-imgLayer-banner{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:1000;}
.lh-imgLayer-banner li{display:flex; align-items:center; justify-content:center;}
.lh-imgLayer-banner li&gt;div{width:80%; height:80%;display:flex; align-items:center; justify-content:center;}
.lh-imgLayer-banner li&gt;div img{max-height:100%;}
.lh-imgLayer-close{position:absolute; right:15px; top:15px; border-radius:50%; width:50px; height:50px; background:#000; color:#fff; font-size:24px; display:flex; align-items:center; justify-content:center; z-index:2;}
.lh-imgLayer-banner .prevn,.lh-imgLayer-banner .nextn{display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%;background:#000; color:#fff; font-size:24px; position:absolute; top:50%; transform:translateY(-50%); z-index:2;}
.lh-imgLayer-banner .prevn{left:15px;}
.lh-imgLayer-banner .nextn{right:15px;}

/*分享二维码*/
#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid var(--color-dominant); z-index:3000;}
#lhCode&gt;h2{height:35px; line-height:35px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}
#lhCode&gt;h2&gt;i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}
#lhCode&gt;.ewm{width:200px; padding:10px;}
#lhCode&gt;.ewm canvas{width:100%; height:100%;}
/*svg*/
.separator{position: absolute; left: 0; right: 0; height: 150px; fill:var(--color-fill);pointer-events: none; z-index: 5;}
.separator-up{top: -1px;}
.separator-down{bottom: -1px;}

/*load*/
body{opacity:0;}
.pace-running,.pace-done{opacity:1;}
.pace-activity{position:fixed; left:0; top:0; z-index:10000; right:0; bottom:0; background:#fff;pointer-events: none; display: flex; align-items: center; justify-content: center; opacity: 0;}
svg.loader{position: absolute;top:50%;left:50%;z-index: 1; margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
svg.loader path{animation: endlessRotate 1s linear infinite;transform-origin: center;}
@keyframes endlessRotate {
  from {transform:rotateZ(0deg)}
  to {transform:rotateZ(360deg)}
}
.showLoading{overflow:hidden;}
.showLoading .pace-activity{opacity:1;}
.pace-done .pace-activity{ transition:var(--transition);pointer-events: none; opacity:0;}
.loading-progress{width: 500px; height: 200px;}

.shape-overlays{width: 100%; height: 100%; z-index:9; position: fixed; left: 0; top: 0;pointer-events: none;}
.shape-overlays__path:nth-of-type(1){fill:var(--path-1);}
.shape-overlays__path:nth-of-type(2){fill:var(--path-2);}

/*cursor*/
.lh-cursor{pointer-events: none; position:fixed; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:10000; width:20px; height:20px; margin:-10px 0 0 -10px;mix-blend-mode: plus-lighter;}/**/
.lh-cursor&gt;.view{width:60px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; background-color:var(--color-dominant); transform:scale(0); opacity:0;}

.cursor {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	pointer-events: none;
	z-index: 10000;
}
.cursor__inner {
	fill: none;
	/* stroke: var(--cursor-stroke); */
	stroke-width: 1px;
}

.overlay {
	grid-area: 1 / 1 / 2 / 2;
	position: fixed;
	z-index: 100000;
	pointer-events: none;
	width: 100%;
	height: 100%;
}

/*animate*/
.fadeInUp1{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(80px); opacity:0;}
.fadeInUp{animation:fadeInUp cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(100%); opacity:0;}
.fadeInUpImg{position:absolute; left:0; top:0; width:inherit; height:inherit; clip:rect(0,500px,0,0); animation:fadeInUpImg cubic-bezier(0.215,.61,.355,1) 1s forwards;}
.up50{transform:translateY(50%);}
.delay1{animation-delay:.1s;}
.delay2{animation-delay:.2s;}
.delay3{animation-delay:.3s;}
.delay4{animation-delay:.4s;}
.delay5{animation-delay:.5s;}
@keyframes fadeInUp1{
	to{transform:translateY(0); opacity:1;}	
}
.lh-shadow{position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:999; opacity:0;}
.acc-bd{display:none;}
.on .acc-bd{display:flex;}
.tab-bd&gt;*{display:none;}
.tab-bd&gt;*.on{display:flex;}
/*cont*/
.l-dominant{color:var(--color-dominant);}
.l-blue{color:var(--color-blue);}
.circleTrack{width: 70px; height: 70px;}
.circleTrack circle{stroke-dashoffset: 204;stroke-dasharray: 204;}
.l-container{width: 100%; max-width: 1600px; padding-left: 30px; padding-right: 30px; margin: auto; position: relative;}
.lh-logo{display: block; width: 167px;}
header{position: fixed; left: 0; right: 0; top: 0; background-color: #fff; z-index: 100;}
header&gt;*{height: 90px; align-items: center;}
header&gt;*&gt;*{flex: 1;}
header&gt;*&gt;.right{display: flex; justify-content: flex-end; height: 100%; flex:5;}
.lh-nav{height: 100%;}
.lh-nav&gt;*{position: relative; height: 100%; display: flex; align-items: center;}
.lh-nav&gt;*&gt;a{padding: 0 25px; padding:0 clamp(5px,1.3020833333333335vw,25px); position: relative; display: block;font-size: 18px;}
.lh-nav&gt;*&gt;a:after{content: '\e600';font-family: "iconfont"; position: absolute; left: 50%; top: 120%; color:var(--color-blue); font-size: 12px; text-align: center; display: block; width: 14px; margin-left: -7px; transform: scale(0.8) translateY(-10px); opacity: 0; transition: var(--transition);}
.lh-nav&gt;* dl{position: absolute; left: 0; top:100%; min-width: 100%; background-color: #fff; border-radius: 0 0 10px 10px; text-align: left; font-size: 14px; padding: 15px; color:#4e4e4e; transform:translateY(20px); transform-origin: center top; overflow: hidden; transition: var(--transition); opacity: 0;pointer-events:none;}
.lh-nav&gt;* dl&gt;*{margin-top: 15px; white-space: nowrap;}
.lh-nav&gt;* dl&gt;*:first-child{margin-top: 0;}
.lh-banner{height: 100vh;}
.lh-nav&gt;* dl&gt;*:hover{color:var(--color-dominant);}
.lh-nav&gt;*:hover&gt;a:after{transform: scale(0.8) translateY(0); opacity: 1;}
.lh-nav&gt;*:hover dl{transform: translateY(0);opacity: 1;pointer-events:auto;}
.lh-nav&gt;*.on&gt;a{color:var(--color-dominant);}
.lh-banner .bd .l-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0; align-items: flex-end; justify-content: flex-end; z-index: 2; padding-bottom: 220px;}
.l-lh60{line-height: 60px;}
.banner-btn-box{position: absolute; left: 0; right: 0; bottom: 156px; justify-content: flex-end; z-index: 3;}
.banner-btn{align-items: center;}
.banner-btn&gt;*{display: flex; align-items: center; justify-content: center; width: 45px; height: 20px;}
.banner-hd{position: absolute; left: 86px; top: 50%; transform: translateY(-50%); z-index: 3;}
.banner-hd&gt;*{width: 34px; height: 1px; background-color: #fff; display: block; margin: 48px 0; opacity: 1; border-radius: 0; transition: var(--transition); transform-origin: left center; position: relative;}
.banner-hd&gt;*:after{content: attr(aria-label); display: block; position: absolute; left: calc(100% + 20px); top: 50%; transform: translate(-20px,-50%); color:#fff; opacity: 0; transition: var(--transition);}
.banner-hd&gt;*.on{transform: scaleX(1.3);}
.banner-hd&gt;*.on:after{opacity: 1;transform: translate(0,-50%);}
.index-scheme{height: calc(100vh - 90px);}
.scheme-item{height: 100%;}
.scheme-item&gt;*{flex: 1; border-left: 1px solid rgba(255,255,255,.2); transition: var(--transition);}
.scheme-item&gt;*:first-child{border-color:transparent;}
.scheme-item&gt;* a{display: block; position: relative; height: 100%; overflow: hidden;}
.scheme-item&gt;* .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; padding: 0 20px; justify-content: center; z-index: 3; transition: var(--transition);}
.scheme-item&gt;* .l-imgs{opacity: 0; position: relative; transition: var(--transition); transition-duration: 1s; transform: scale(1.2);}
.scheme-item&gt;* .l-imgs:before{content: ''; display: block; width: 100%; height: 30%; background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0; z-index: 2;}
.scheme-item&gt;* i{margin-top: 16px; display:inline-block; transition: var(--transition);}
.scheme-item&gt;* a:hover .l-imgs,.scheme-item&gt;*.on a .l-imgs{opacity: 1; transform: scale(1);}
.scheme-item&gt;* a:hover .text,.scheme-item&gt;*.on a .text{padding-top: 50vh;}
.scheme-item&gt;* a:hover i,.scheme-item&gt;*.on a i{transform: rotate(180deg);}
.scheme-item&gt;*:hover,.scheme-item&gt;*:hover + *{border-color:transparent;}
.l-pd100{padding-top: 100px; padding-bottom: 100px;}
.case-top&gt;*{flex: 1;}
.case-top&gt;*.right{flex: .8;}
.case-top&gt;*&gt;.text{display: flex; align-items: flex-end; margin-left: 60px;padding-bottom: 14px;}
.index-btn&gt;*{position: relative;}
.index-btn&gt;*.prevs{top: -26px;}
.index-btn&gt;*.nexts{top: 26px;}
.index-btn&gt;* img{transition: var(--transition);}
.index-btn&gt;* img:nth-child(2){position: absolute; left: 0; top: 0; opacity: 0;}
.index-btn&gt;*:first-child img:nth-child(2){opacity: 1;}
.index-btn&gt;*:first-child img:nth-child(1){opacity: 0;}
/* .index-btn&gt;*:hover img:nth-child(2){opacity: 1;}
.index-btn&gt;*:hover img:nth-child(1){opacity: 0;} */
.case-top&gt;*.right&gt;*{flex: 1;}
.case-top&gt;*.right&gt;.right{display: flex; justify-content: flex-end;}
.index-title&gt;.name{margin-top: 20px;}
.index-more{display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; border-radius: 50%; background: var(--linear-gradient-orange); color:#fff;}
.case-banner{margin-top: 100px; height: 546px;}
.case-banner .bd li{width: 80%; padding-right: 250px;}
.case-banner .bd li a{display: block; height: 100%;}
.case-banner .bd .img{height: 290px; border-radius: 5px; transition: var(--transition); position: relative;}
.case-banner .bd .img:before{content: ''; display: block; width: 100%; height: 100%; background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0; z-index: 2;}
.case-banner .bd .img .text{position: absolute; left: 0; bottom: 30px; right: 0; z-index: 3; padding: 40px; color:#fff; width: 80%; transform: translateY(200%); opacity: 0;transition: var(--transition);}
.case-banner .bd .text{margin-top: 40px;transition: var(--transition);}
.case-banner .bd .text .ccont{margin-top: 30px;}
.case-banner .bd .swiper-slide-active .img{height: 546px;}
.case-banner .bd .swiper-slide-active&gt;*&gt;.text{opacity: 0; visibility: hidden; transform: translateY(-200%);}
.case-banner .bd .swiper-slide-active .img .text{transform: translateY(0); opacity: 1;}
.index-about&gt;.icon{position: absolute; left: 0; top: 0; right: 0; height: 305px;}
.about-cont&gt;*{flex: 1; width: 50%;}
.about-cont&gt;*.left{display: flex; align-items:center; padding-right: 160px; position: relative;}
.about-cont&gt;*.right .img{height: 494px; border-radius: 5px 100px 5px 5px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.about-cont&gt;*.left .ccont{margin-top: 50px;}
.about-cont&gt;*.left .more{position: absolute; right: 90px; bottom: 150px;}
.about-cont&gt;*.left .circleTrack{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(8);pointer-events: none;}
.about-cont&gt;*.left .circleTrack circle{stroke-dashoffset:0;}
.about-total{justify-content: flex-end; margin-top: 70px;}
.l-font54{font-size: 54px;}
.about-total&gt;*{margin-left: 140px;}
.about-total&gt;*:first-child{margin-left: 0;}
.about-total&gt;* .num{position: relative; display: inline-block;}
.about-total&gt;* .num i{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background-color: #fff; border:1px solid #004592; position: absolute; right:-10px; bottom: 10px;}
.about-total&gt;* .name{margin-top: 10px;}
.case-num{width: 26px; height: 100%; position: absolute; left: 71%; top: 0; display: flex !important; align-items: center; z-index: 3; text-align: center;}
.case-num:before,.case-num:after{content: ''; display: block; width: 1px; height: 42%; background-color: rgba(0,0,0,.1); position: absolute; left: 50%; bottom: 58%;}
.case-num:after{bottom: auto; top: 58%;}
.case-num .text{position: relative; z-index: 2; padding: 4px 0;}
.case-num .text .total{position: relative; margin-top: 10px; display: block;}
.case-num .text .total:before{content: ''; display: block; width: 20px; height: 1px; background-color: rgba(0,0,0,.1); position: absolute; left:50%; margin-left: -10px; top: -4px; transform: rotate(-20deg);}
.news-top&gt;*{flex: 1; align-items: center;}
.news-top&gt;*.right{display: flex; justify-content: flex-end; flex:0.3;}
.news-top&gt;*.left&gt;.btn{margin-left: 100px;}
.news-banner{margin-top: 50px;}
.news-item li{width:30%; padding-right: 70px;}
.news-item li&gt;*{display: block; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius: 5px; padding: 40px; border:1px solid transparent; position: relative;}
.news-item li&gt;*:before{content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(0deg,var(--color-blue),#fff); position: absolute; left: 0; bottom: 0; opacity: 0; transition: var(--transition);}
.news-item li&gt;*&gt;*{position: relative; z-index: 2;}
.news-item li .img{height: 216px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1);border:1px solid transparent;}
.news-item li .text{margin-top: 20px;}
.news-item li .time{margin-top: 20px; padding-top: 20px; border-top:1px solid #E2E2E3; align-items: center;}
.news-item li .time&gt;*{flex: 1; transition: var(--transition);}
.l-font70{font-size: 70px; line-height: 70px;}
.news-item li .time&gt;*.right{display: flex; justify-content: flex-end;}
.news-hd{height: 2px; background-color: #fff; width: 100%; position: relative; margin-top: 70px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #306594;}
.news-item li&gt;*:hover:before{opacity: 1;}
.news-item li&gt;*:hover{color:#fff; border-color:#fff;}
.news-item li&gt;*:hover .img{border-color:#fff;}
.news-item li&gt;* .time&gt;* .l-blue{transition: var(--transition);}
.news-item li&gt;*:hover .time&gt;*,.news-item li&gt;*:hover .time&gt;* .l-blue{color:#fff;}
.footer-top{height: 190px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1);}
.footer-top&gt;*{flex: 1;}
.footer-top&gt;*.right{display: flex; justify-content: flex-end; flex:4;}
.footer-logo{display: block; width: 167px;}
.footer-nav&gt;*{margin-left: 55px;}
.footer-nav&gt;*:first-child{margin-left: 0;}
.footer-nav&gt;*:hover{color:var(--color-dominant);}
.footer-center{padding: 80px 0;}
.footer-center&gt;*{flex: 1;}
.footer-center&gt;*.right{display: flex; justify-content: flex-end;}
.footer-ewm&gt;*{width: 172px; margin-left: 100px; text-align: center;}
.footer-ewm&gt;*:first-child{margin-left: 0;}
.footer-ewm&gt;* .name{margin-top: 16px;}
.footer-ewm&gt;* .img{border:1px solid rgba(255,255,255,.1); height: 172px; display: flex; align-items: center; justify-content: center; padding: 20px;}
.footer-contact&gt;*{margin-left: 100px;}
.footer-contact&gt;*:first-child{margin-left: 0;}
.footer-contact&gt;* dt i{display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; border:1px solid rgba(255,255,255,.1); color:var(--color-dominant); font-size: 18px;}
.footer-contact&gt;* dd{margin-top:30px;}
.footer-contact&gt;* .tel{margin-top: 10px;}
.footer-contact&gt;* .ccont{margin-top: 10px;}
.footer-copy{padding: 50px 0; border-top: 1px solid rgba(255,255,255,.1); color:#7D7D7D;}
.footer-copy&gt;*{flex: 1;}
.footer-copy&gt;*.right{display: flex; justify-content: flex-end; flex: 0.4;}
.footer-copy span{margin-left: 20px;}
.footer-copy span:first-child{margin-left: 0;}
.index-panels{display: flex;flex-wrap: nowrap; width: 200vw; height: 100vh;}
.index-panels&gt;*{width: 100vw; height: 100%;}
.index-panels&gt;*.index-case{display: flex; align-items: center; overflow: hidden;}
.lh-ban{max-height: 700px; height:80vh; align-items: center;}
.l-font70{font-size: 70px;}
.lh-ban .nname{margin-top: 30px;}
.l-pd50{padding-top: 50px; padding-bottom: 50px;}
.l-bg-gray{background-color: var(--bg-gray);}
.case-nav{background-color: #fff; height: 100px;}
.case-nav&gt;*{align-items: center; height: 100%;}
.case-nav-item&gt;*{margin-left: 65px; position: relative;}
.case-nav-item&gt;*:first-child{margin-left: 0;}
.case-nav-item&gt;*:after{content: ''; display: block; width: 100%; height: 4px; border-radius: 4px; background-color: var(--color-blue); position: absolute; left: 0; bottom: -40px; transition: var(--transition); transform: scaleX(0);}
.case-nav-item&gt;*.on:after,.case-nav-item&gt;*:hover:after{transform: scaleX(1);}
.case-nav-item&gt;*.on,.case-nav-item&gt;*:hover{color:#000;}
.case-item{margin: -50px 0 0 -30px;}
.case-item&gt;*{padding-left: 30px; margin-top: 50px;}
.case-item&gt;*&gt;*{display: block; border-radius: 10px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); padding: 20px; position: relative;}
.case-item&gt;* .img{height: 180px;}
.case-item&gt;* .text{margin-top: 20px;}
.case-item&gt;* .cont{padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(0,0,0,.1);  transition: var(--transition); align-items: center;}
.case-item&gt;* .cont&gt;*{flex: 1;}
.case-item&gt;* .cont&gt;*.right{flex: .6; display: flex; justify-content: flex-end;}
.case-item&gt;* .cont&gt;* i{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: #f5f5f5; color:var(--color-blue); font-size: 12px; transition: var(--transition);}
.case-item&gt;*&gt;*&gt;.icon{position: absolute; right: 0; bottom: 0; transition: var(--transition); opacity: 0;}
.case-item&gt;*&gt;*:hover&gt;.icon{opacity: 1;}
.case-item&gt;*&gt;*:hover{color:#fff; background-color: var(--color-blue);}
.case-item&gt;*&gt;*:hover i{background-color: #fff;}
.case-item&gt;*&gt;*:hover .cont{border-color:rgba(255,255,255,.1);}
.page-loading{margin-top: 80px; align-items: center; justify-content: center; color:#999;}
.page-loading i{display: block; margin-right: 10px; font-size: 24px; animation: loading linear 1s infinite;}
@keyframes loading{
	to{transform: rotate(360deg);}
}
.pro-item{margin: -50px 0 0 -30px;}
.pro-item&gt;*{padding-left: 30px; margin-top: 50px;}
.pro-item&gt;*&gt;*{display: block; border-radius: 10px; background-color: #fff; padding:14px; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.pro-item&gt;* .img{height: 195px; border-radius: 10px;}
.pro-item&gt;* .cont{padding: 10px 0; align-items: center;}
.pro-item&gt;* .cont&gt;*{flex: 1;}
.pro-item&gt;* .cont&gt;*.left{padding-left: 6px;}
.pro-item&gt;* .cont&gt;*.btn{flex: .3; justify-content: flex-end; display: flex;}
.pro-item&gt;* .cont&gt;*.btn i{display:flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background-color: var(--color-blue); border:10px solid #fff; color:#fff; position: relative; left: 34px; transform: translateX(-30px); transition: var(--transition); opacity: 0;}
.pro-item&gt;*&gt;*:hover{background-color: var(--color-blue); color:#fff;}
.pro-item&gt;*&gt;*:hover .cont&gt;*.btn i{transform: translateX(0); opacity: 1;}
.lh-problem{background-color: #fff; padding: 50px 110px;}
.problem-item&gt;*{border-bottom: 1px solid #EFEFEF; transition: var(--transition);}
.problem-item&gt;*&gt;*{padding: 40px 120px; border-radius: 10px; overflow: hidden;}
.problem-item&gt;*&gt;*&gt;*{flex: 1;}
.problem-item&gt;*&gt;*&gt;*.left{flex: 0.3;}
.l-font80{font-size: 80px; line-height: 80px; font-weight: bold;}
.problem-item&gt;* .time p{position: relative; left: 2px;}
.problem-item&gt;* .ccont{margin-top: 40px;}
.problem-item&gt;*&gt;*&gt;*.icon{position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: var(--transition); opacity: 0;}
.problem-item&gt;*&gt;*:hover{color:#fff; background-color: var(--color-blue);}
.problem-item&gt;*&gt;*:hover&gt;.icon{opacity: 1;}
.problem-item&gt;*&gt;* .time{transition: var(--transition);}
.problem-item&gt;*&gt;*:hover .time h3{color:#fff;}
.problem-item&gt;*:hover{border-color: transparent;}
.course-item&gt;*{border-bottom: 1px solid #EFEFEF; transition: var(--transition);}
.course-item&gt;*&gt;*{padding: 40px 120px; border-radius: 10px;}
.course-item&gt;*&gt;*&gt;*{flex: 1;}
.course-item&gt;*&gt;*&gt;*.right{display: flex; justify-content: flex-end; flex:0.5;}
.course-item&gt;* .ccont{margin-top: 30px;}
.course-item&gt;* .down{display: flex; align-items: center; justify-content: center; height: 32px; width: 126px; border-radius: 32px; background-color: #DCDCDC; transition: var(--transition);}
.course-item&gt;* .right p{margin-top: 16px;}
.course-item&gt;*:hover{border-color:transparent;}
.course-item&gt;*:hover{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.course-item&gt;*:hover .down{background-color: var(--color-blue); color:#fff;}
.video-item{margin: -70px 0 0 -70px;}
.video-item&gt;*{padding-left: 70px; margin-top: 70px;}
.video-item&gt;*&gt;*{display: block;}
.video-item&gt;* .img{height: 260px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative;}
.video-item&gt;* .icon-bofang1{position: absolute; left: 50%; top: 50%; color:#fff; font-size: 60px; transform: translate(-50%,-50%);}
.video-item&gt;* .btn{position: absolute; left: 0; bottom: 0; height: 36px; background-color: var(--color-blue); right: 0; align-items: center; color:#fff; padding: 0 20px;}
.video-item&gt;* .btn&gt;*{flex: 1; display: flex;}
.video-item&gt;* .btn&gt;*.right{justify-content: flex-end; align-items: center;}
.video-item&gt;* .text{margin-top: 20px;}
.video-item&gt;* .btn&gt;*.right i{margin-right: 4px;}
.img .l-imgs{transition: var(--transition);}
.video-item&gt;*&gt;*:hover .l-imgs{transform: scale(1.1);}
.video-item&gt;*&gt;*:hover{color:var(--color-dominant);}
.lh-aftersale&gt;.cont{margin:40px 0; padding: 40px 0; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF;}
.lh-aftersale&gt;.cont&gt;.tip{margin-top: 40px;}
.aftersale-item{margin-top: 40px; margin-left: -130px;}
.aftersale-item&gt;*{padding-left: 130px;}
.aftersale-item&gt;*&gt;*{border-bottom: 1px solid #EDEDED; padding: 35px 0;}
.aftersale-item&gt;*&gt;*&gt;.name{width: 94px;}
.aftersale-item&gt;*&gt;*&gt;.text{width: calc(100% - 94px);}
.aftersale-item&gt;*&gt;*&gt;.text .tel{align-items: center; color:var(--color-dominant);}
.aftersale-item&gt;*&gt;*&gt;.text .tel i{font-size: 24px; margin-right: 4px;}
.aftersale-item&gt;*&gt;*&gt;.text p{margin-top: 10px;}
.l-red{color:#ff0000;}
.way-btn{width: 190px; height: 368px; align-items: center; justify-content: center; color:#fff; position: absolute; right: 0; bottom: 0;}
.way-btn i{font-size: 24px;}
.contact-way&gt;*&gt;*.left,.contact-way&gt;*&gt;*.right{display: flex; width: 50%;}
.contact-way:before{ content: ''; display: block; width: 1px; height: 100%; background-color:rgba(255,255,255,.1); position: absolute; left: 50%; top: 0;}
.contact-way:after{content: ''; display: block; width: 50%; height: 1px; background-color:rgba(255,255,255,.1); position: absolute; right:0;bottom:368px;}
.contact-way&gt;*&gt;*.left{align-items: flex-end;}
.contact-way&gt;* .map .nname span{margin:20px 10px 0 0;}
.l-font46{font-size: 46px;}
.contact-way&gt;*&gt;*.right{padding-left: 200px;}
.contact-way&gt;* .text .tel{margin-top: 75px;}
.way-item&gt;*{margin-top: 70px;}
.way-item&gt;* .left{width: 36px;}
.way-item&gt;* .text{width: calc(100% - 36px); padding-left: 25px;}
.contact-way&gt;*.right&gt;.text{width: 100%;}
.way-item&gt;* .left i{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border:1px solid rgba(255,255,255,.5);}
.way-item&gt;* .text h3{margin-bottom: 20px;}
.way-item&gt;* .text p{margin-top: 10px;}
.way-item&gt;*:nth-child(2){margin-top: 130px;}
.way-item&gt;*:nth-child(1){margin-top: 40px;}
.l-pd80{padding-top: 80px; padding-bottom: 80px;}
.contact-join&gt;*&gt;*{flex: 1; width: 50%;}
.contact-join&gt;*&gt;*.left{padding-right: 85px;}
.contact-join&gt;*&gt;*.left&gt;*{flex: 1;}
.contact-join&gt;*&gt;*.left&gt;*.bottom{align-items: flex-end; display: flex;}
.contact-join&gt;*&gt;*.left&gt;*.bottom&gt;*{flex: 1;}
.contact-join&gt;*&gt;*.left&gt;*.bottom&gt;*.right{display: flex; justify-content: flex-end;}
.contact-join&gt;*&gt;*.right{background-color: #fff; border-radius: 5px; background-color: rgba(255,255,255,.85); box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 80px 50px;}
.join-banner{height: 100%;}
.join-item&gt;*{border-bottom: 1px solid rgba(0,0,0,.1); transition: var(--transition); }
.join-item&gt;*&gt;*{padding:40px 90px; display: block; border-radius: 5px;}
.join-item&gt;* .top{transition: var(--transition);}
.join-item&gt;* .top&gt;*{flex: 1;}
.join-item&gt;* .top&gt;span{flex: .4; display: flex; justify-content: flex-end;}
.join-item&gt;* .bottom{margin-top: 20px;}
.join-item&gt;* .bottom&gt;*{flex: 1;}
.join-item&gt;* .bottom&gt;*:last-child{display: flex; justify-content: flex-end;}
.join-item&gt;*&gt;*:hover{background-color: var(--color-blue); color:#fff;}
.join-item&gt;*&gt;*:hover .top{color:var(--color-dominant);}
.join-item&gt;*:hover{border:none;}
.join-num{align-items:flex-end;}
.join-num em{position: relative; top: -6px;}
.join-btn&gt;*{display: flex; align-items: center; justify-content: center; width: 98px; height: 98px; border-radius: 50%; border:1px solid #fff; color:#fff; margin-top: 40px;}
.join-btn&gt;*:hover{border-color:var(--color-dominant); background-color: var(--color-dominant);}
.contact-message .top&gt;*{flex: 1;}
.contact-message .top&gt;*.right{display: flex; justify-content: flex-end; align-items: flex-end;}
.message-cont{margin-top: 80px;}
.message-cont&gt;*{flex: 1;}
.message-cont&gt;*.left{padding-right: 25px;}
.message-cont&gt;*.right{padding-left: 25px;}
.message-item&gt;*{margin-top: 20px; background-color: #fff; height: 66px; display: flex; align-items: center; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.message-item&gt;* input{border:none; padding: 0 30px;}
.message-right&gt;*{margin-top: 20px;}
.message-right textarea{height: 330px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border:none; padding:20px 30px;}
.message-btn{margin-left: -50px;}
.message-btn&gt;*{padding-left: 50px;}
.message-btn&gt;*&gt;*{display: flex; align-items: center; height: 66px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); justify-content: center;}
.message-btn&gt;*:first-child&gt;*{background-color: var(--color-blue); color:#fff;}
.lh-news-top{align-items: center;}
.lh-news-top&gt;*{flex: 1;}
.lh-news-top&gt;*.right{display: flex; justify-content: flex-end;}
.news-nav{height: 66px; border-radius: 66px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.news-nav&gt;*{width: 246px; display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 66px;}
.news-nav&gt;*.on{background-color: var(--color-blue); color:#fff;}
.news-item.list{margin:0 0 0 -50px;}
.news-item.list&gt;*{width: 25%; padding:0 0 0 50px; margin-top: 50px;}
.news-item.list li&gt;*{padding: 30px;}
.news-item.list li .img{height: 175px;}
.system-item{margin: -30px 0 0 -30px;}
.system-item&gt;*{padding-left: 30px; margin-top: 30px;}
.system-item&gt;*&gt;*{display: block; position: relative; border-radius: 10px; overflow: hidden;}
.system-item&gt;*&gt;*:before,.system-item&gt;*&gt;*:after{content: ''; display: block; width: 100%; height: 100%; background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0; z-index: 2; transition: var(--transition);}
.system-item&gt;*&gt;*:after{--linear-gradient-shadow:linear-gradient(0deg,rgba(0,77,147,1),rgba(0,0,0,0)); opacity: 0;}
.system-item&gt;* .icon{position: absolute; right: 0; bottom: 0; transition: var(--transition); opacity: 0;}
.system-item&gt;* .img{height:310px;}
.system-item&gt;* .text{position: absolute; left: 30px; right: 30px; bottom: 0; z-index: 3; transition: var(--transition); transform: translateY(120px);}
.system-item&gt;* .text .cont{padding: 30px 0; margin-top: 30px; border-top: 1px solid rgba(255,255,255,.4);}
.system-item&gt;* .text .cont&gt;*{flex: 1;}
.system-item&gt;* .text .cont&gt;*.right{display: flex; justify-content: flex-end; align-items: center; flex: 0.3;}
.system-item&gt;* .text .cont .icon-right{display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background-color: #fff; color:var(--color-blue);}
.system-item&gt;* .text .addr{align-items: center;}
.system-item&gt;* .text .addr i{margin-right: 10px;}
.system-item&gt;* .text .ccont{margin-top: 10px;}
.system-item&gt;*&gt;*:hover .icon{opacity: 1;}
.system-item&gt;*&gt;*:hover .text{transform: translateY(0);}
.system-item&gt;*&gt;*:hover:before{opacity: 0;}
.system-item&gt;*&gt;*:hover:after{opacity: 1;}
.proDetail-top{background-color: #fff; padding: 60px 230px;}
.proDetail-top&gt;.right{width: 495px;}
.proDetail-top&gt;.right .img{height: 310px; border-radius: 10px;}
.proDetail-top&gt;.left{width: calc(100% - 495px); padding-right: 40px;}
.proDetail-top&gt;.left .ccont{margin-top: 30px; padding-top: 30px; border-top: 1px solid #EAEAEA;}
.proDetail-bottom{margin-top: 40px; background-color: #fff; padding: 60px 230px;}
.proDetail-bottom&gt;.cont{margin-top: 40px; padding: 30px 0; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;}
.proDetail-bottom&gt;.cont img{height:auto !important;}
.detail-page{margin-top: 40px; align-items: center;}
.detail-page&gt;*{flex: 1; display: flex;}
.detail-page&gt;*.center{justify-content: center; color:#666; flex: 0.5;}
.detail-page&gt;*.right{justify-content: flex-end;}
.detail-page&gt;*.center i{color:var(--color-blue); margin-right: 4px; font-size: 20px;}
.proDetail-bottom&gt;.nname{margin-top: 50px; align-items:center;}
.proDetail-bottom&gt;.nname&gt;*{flex: 1; display: flex;}
.proDetail-bottom&gt;.nname&gt;*:last-child{justify-content: flex-end; align-items: center;}
.proDetail-bottom&gt;.nname&gt;* i{margin-right: 4px;}
.about-who{background: linear-gradient(90deg,#f1f1f1,#adc0d6,#0d4d96);}
.about-who&gt;*&gt;*{flex: 1;}
.about-who&gt;*&gt;*.center{flex: 3; align-items: center; justify-content: center; display: flex;}
.about-who&gt;*&gt;*.left .ccont{margin-top: 60px;}
.about-who&gt;*&gt;*.left .about-total{justify-content: flex-start;}
.about-who&gt;*&gt;*.left .about-total&gt;*{margin-left: 100px;}
.about-who&gt;*&gt;*.left .about-total&gt;*:first-child{margin-left: 0;}
.about-who&gt;*&gt;*.right&gt;*{flex: 1;}
.about-who&gt;*&gt;*.right&gt;*.bottom{align-items: flex-end;}
.about-who&gt;*&gt;*.center .icon{width: 562px; height: 562px;}
.about-who&gt;*&gt;*.center .icon .img{border-radius: 50%; width: 100%; height: 100%; padding: 40px; background-color: rgba(255,255,255,.2);}
.about-who&gt;*&gt;*.center .icon .l-imgs{border-radius: 50%; position: relative; z-index: 3;}
.about-who&gt;*&gt;*.center .icon .hd{position: absolute; left: 50%; top: 50%;  transform: translate(-50%,-50%); z-index: 2; width: 878px;}
.about-who&gt;*&gt;*.right .time{align-items: flex-end; position: relative; white-space: nowrap;}
.l-font140{font-size: 140px; line-height: 140px;}
.about-who&gt;*&gt;*.right .time span{position: absolute; left: 90%; bottom: 10px;}
.about-who&gt;*&gt;*.right .time b{color: transparent;-webkit-text-stroke: 1px #fff;}
.culture-item{margin-top: 80px; margin-left: -56px;}
.culture-item&gt;*{padding-left: 56px;}
.culture-item&gt;*&gt;*{display: block; border-radius: 10px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 98px 200px 40px 65px; position: relative;}
.culture-item&gt;* .icon{position: absolute; right: 36px; top: 0; width: 120px; height: 123px; border-radius: 0 0 100px 100px; background-color: var(--color-blue); display: flex; align-items: center; justify-content: center; color:#fff; transition: var(--transition);}
.culture-item&gt;* .icon i{font-size: 56px;}
.culture-item&gt;* .ccont{margin-top: 20px; padding-top: 20px; border-top:1px solid rgba(0,0,0,.2); transition: var(--transition);}
.culture-item&gt;* .bg{position: absolute; right: 0; bottom: 0;}
.culture-item&gt;*&gt;*:hover{background-color: var(--color-blue); color:#fff;}
.culture-item&gt;* .name{transition: var(--transition);}
.culture-item&gt;*&gt;*:hover .name{color:#fff;}
.culture-item&gt;*&gt;*:hover .icon{background-color: #fff; color:var(--color-blue);}
.culture-item&gt;*&gt;*:hover .ccont{border-color:rgba(255,255,255,.2);}
.about-honor{padding-top: 100px;}
.honor-top&gt;*{flex: 1; display: flex;}
.honor-top&gt;*.right{justify-content: flex-end; align-items: flex-end;}
.honor-cont{margin-top: 50px; background-color: #f3f3f3; width: calc(100% + (100vw - 100%)/2 ); padding: 70px 0 70px 70px; overflow: hidden;}
.honor-cont&gt;.top{justify-content: flex-end; width: 100%;}
.honor-cont&gt;.top&gt;*{width: 60%;}
.honor-cont&gt;.top&gt;*&gt;*{flex: 1;}
.honor-cont&gt;.top&gt;*&gt;*.right{width: 260px;}
.index-btn&gt;*.prevs{top: -13px;}
.index-btn&gt;*.nexts{top: 13px; left: -40px;}
.honor-text .name{margin-top: 10px; width: 70%;}
.honor-icon{width: 688px; height: 692px; position: absolute; left: -100px; bottom: -70px;}
.honor-icon:before,.honor-icon:after{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-blue); opacity: .1; transform: scale(.8); position: absolute; left: 0; top: 0;}
.honor-icon:after{opacity: 1; transform: scale(.6); z-index: 2;}
.honor-banner{position: relative; z-index: 2; height: 500px;}
.honor-banner .bd&gt;*{width: 28%;}
.honor-banner .bd a{display: flex; height: 100%; align-items: flex-end; justify-content: center;}
.honor-banner .bd .img{ overflow: hidden;}
.course-cont{justify-content: flex-end; margin-top: 70px;}
.course-cont&gt;*{width: 60%;}
.course-text .bd .ccont{width: 50%;}
.course-text .bd .time{display: flex; justify-content: flex-end; border-top: 1px solid rgba(0,0,0,.1); margin-top: 50px; padding-top: 30px; color:var(--color-blue);}
.l-font100{font-size: 100px;}
.course-bottom{margin-top: 80px; width: 50%; padding: 0 50px;}
.course-btn&gt;*{position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; color:var(--color-blue); opacity: .6;}
.course-btn&gt;*:hover{opacity: 1;}
.course-btn&gt;*.prevs{left: 0;}
.course-btn&gt;*.nexts{right: 0;}
.course-banner{padding: 20px 0;}
.course-banner .bd a{display: flex; width: 134px; height: 134px; border-radius: 50%; background-color:#fff; border:1px solid var(--color-blue); align-items: center; justify-content: center; margin: auto; position: relative;}
.course-banner .bd a:before{content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; border:1px solid var(--color-blue); position: absolute; left: 0; top: 0; z-index: -1; transition: var(--transition);}
.course-banner .bd .on a{background-color: var(--color-blue); color:#fff;}
.course-banner .bd .on a:before{transform: scale(1.3);}
.about-fixed{position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 100;}
.about-fixed&gt;a{width: 110px; height: 120px; border-radius: 6px 0 0 6px; background-color: var(--color-blue); color:#fff; align-items: center; justify-content: center; text-align: center;}
.about-fixed&gt;a i{font-size: 48px;}
.about-fixed&gt;a p{margin-top: 4px;}
.about-fixed&gt;.toggle{position: absolute; right:100%; padding-right: 28px; bottom:0; opacity: 0; pointer-events:none; transition: var(--transition); transform: scale(0); transform-origin: right bottom;}
.about-fixed&gt;.toggle&gt;*{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); width: 220px; padding: 20px; position: relative;}
.about-fixed&gt;.toggle&gt;*:after{content: ''; display: block; width: 0; height: 0; border:6px solid transparent; border-left: 18px solid #fff; position: absolute; right: -20px; bottom: 30px; transform: rotate(30deg);}
.about-fixed&gt;.toggle .nname{margin-top: 6px;}
.about-fixed:hover&gt;.toggle{opacity: 1; pointer-events: auto; transform: scale(1);}
.about-cont{min-height:680px;}
/*
--color-wathet
linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0));
F5AB00
transparent
font-family: "ebrimabd";
.hRegular{font-family: "hRegular";}
.hLight{font-family: "hLight";}
.hBold{font-family: "hBold";}
l-uppercase
transition:cubic-bezier(0.215,.61,.355,1) .45s;

*/
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx){/*125%and150%*/
  
}
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6)
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {/*150%*/
  
}

@media screen and (min-width: 2000px){
	
}
@media screen and (max-width: 1600px){
	
}
@media screen and (max-width: 1500px){
	
}
@media screen and (max-width: 1366px){
	
}
/*平板*/
@media screen and (max-width: 1024px){
	.l-font20{font-size:16px;}
	.l-font26,.l-font24{font-size:18px;}
	.l-font12{font-size:12px;}
	.l-font14{font-size:14px;}
	.l-font16{font-size:14px;}
	.l-font18{font-size:14px;}
	.l-font130{font-size:32px;}
	.l-font32{font-size:24px;}
	.l-font70{font-size:24px;}
	.l-font30{font-size:18px;}
	.l-font40{font-size:20px;}
	.l-lh30{line-height:24px;}
	.l-font36{font-size:20px;}
	.l-lh24{line-height:20px;}
	.l-font48{font-size:24px;}	.l-col-1,.l-col-2,.l-col-3,.l-col-4,.l-col-5,.l-col-6,.l-col-7,.l-col-8,.l-col-9,.l-col-10,.l-col-11,.l-col-12{width:100%;}
	.l-grid-2&gt;*,.l-grid-3&gt;*,.l-grid-4&gt;*,.l-grid-5&gt;*,.l-grid-6&gt;*,.l-grid-7&gt;*,.l-grid-8&gt;*{width:100%;}
	.lh-cursor{display:none;}
	header,header&gt;*{height:50px;}
	.lh-logo{position:absolute; left:15px; top:50%; transform:translateY(-50%); width:80px; z-index:2;}
	.lh-nav{position:absolute; left:0; top:0; width:100vw; height:100vh; background-color:#fff; display:block; padding-top:30%; opacity:0;pointer-events:none; transition:var(--transition);}
	.lh-nav&gt;*{height:auto; margin:30px 0; text-align:center; justify-content:center; font-size:16px;}
	.about-fixed{display:none;}
	.loading-progress{width:80vw;}
	.nav-btn{position:absolute; right:0; top:0; width:50px; height:50px; z-index:2;}
	.nav-btn:before,.nav-btn:after{content:''; display:block; width:20px; height:2px; background-color:#000; position:absolute; right:15px; top:50%; transition:var(--transition); margin-top:-8px;}
	.nav-btn i{width:20px; height:2px; background-color:#000; position:absolute; right:15px; top:50%; margin-top:-1px;transition:var(--transition);}
	.nav-btn:after{margin-top:6px;}
	.WebNav .lh-nav{opacity:1; pointer-events:auto;}
	.WebNav .nav-btn i{transform:scaleX(0);}
	.WebNav .nav-btn:before{transform:translate(0,7px) rotate(45deg);}
	.WebNav .nav-btn:after{transform:translate(0,-7px) rotate(-45deg);}
	.l-lh60{line-height:30px;}
	.banner-btn-box{bottom:30px;}
	.banner-hd{left:15px;}
	.banner-hd&gt;*{width:20px; margin:30px 0;}
	.index-scheme{height:auto;}
	.scheme-item&gt;*{width:50%; flex:none; height:60px;}
	.scheme-item&gt;* .l-imgs{display:none;}
	.scheme-item&gt;* a:hover .text, .scheme-item&gt;*.on a .text{padding-top:0;}
	.scheme-item&gt;*:hover, .scheme-item&gt;*:hover + *{border-color:rgba(255,255,255,.2);}
	.scheme-item&gt;* .text&gt;*{display:flex; align-items:center; justify-content:center;}
	.scheme-item&gt;* i{margin-top:0; transform:rotate(-90deg) !important; margin-left:10px;}
	.scheme-item&gt;*{border-top:1px solid rgba(255,255,255,.2);}
	.scheme-item&gt;*:nth-child(1),.scheme-item&gt;*:nth-child(2){border-top:none;}
	.scheme-item&gt;*:last-child{width:100%;}
	.l-pd100{padding-top:40px; padding-bottom:40px;}
	.case-top,.case-top&gt;*{display:block;}
	.index-title&gt;.name{margin-top:4px;}
	.case-top&gt;*&gt;.text{margin-left:0; margin-top:10px;}
	.l-lh28{line-height:26px;}
	.index-more{width:50px; height:50px;}
	.index-btn&gt;*{width:79px;}
	.index-btn{transform:translateX(40px);}
	.case-banner{margin-top:40px; height:320px;}
	.case-banner .bd li{padding-right:40px;}
	.case-banner .bd .swiper-slide-active .img{height:320px;}
	.case-banner .bd .img .text{padding:15px; bottom:0;}
	.case-banner .bd .text .ccont{margin-top:10px;}
	.case-banner .bd .img{height:160px;}
	.case-banner .bd .text{margin-top:20px;}
	.case-num{left:91%; width:18px;}
	.l-container{padding-left:15px; padding-right:15px;}
	.about-cont{display:block; margin-top:40px; min-height:inherit;}
	.index-about&gt;.icon{height:110px;}
	.about-cont&gt;*.left{padding-right:0; display:block;}
	.about-cont&gt;*{width:100%;}
	.about-cont&gt;*.left .circleTrack{display:none;}
	.about-cont&gt;*.left .more{position:static; margin-top:20px;}
	.about-cont&gt;*.left .ccont{margin-top:10px;}
	.about-cont&gt;*.right .img{height:200px; margin-top:30px; border-radius:5px 50px 5px 5px;}
	.about-total{justify-content:flex-start; margin-top:30px;}
	.l-font54{font-size:42px;}
	.about-total&gt;*{margin-left:0; font-size:12px; width:33.3%; text-align:center;}
	.news-top{display:block; position:relative;}
	.news-top&gt;*{display:block;}
	.news-top&gt;*.left&gt;.btn{margin-left:-40px; margin-top:30px;}
	.news-top&gt;*.right{position:absolute; right:0; top:0;}
	.news-item li&gt;*{padding:10px;}
	.news-item li .img{height:170px;}
	.news-item li .text{margin-top:10px;}
	.news-item li .time{margin-top:10px; padding-top:10px;}
	.news-hd{margin-top:30px;}
	.news-item li{padding-right:20px;}
	.footer-logo{width:80px;}
	.footer-top&gt;*.right{display:none;}
	.footer-top{height:80px;}
	.footer-center{padding:30px 0; display:block; position:relative;}
	.footer-ewm&gt;* .img{padding:10px; height:100px;}
	.footer-ewm&gt;*{width:100px;}
	.footer-ewm&gt;* .name{margin-top:4px;}
	.footer-center&gt;*.right{display:block;}
	.footer-contact&gt;*{margin:30px 0 0;}
	.footer-contact&gt;* dd{margin-top:20px;}
	.footer-copy{padding:30px 0; display:block;}
	.footer-copy&gt;*.right{display:block; margin-top:4px;}
	.lh-ban{height:260px; padding-top:50px;}
	.lh-ban .nname{margin-top:10px;}
	.l-font70{line-height:24px;}
	.case-nav-item{white-space:nowrap; padding-bottom:10px;}
	.case-nav{height:auto; padding:20px 0;}
	.case-nav&gt;*{display:block;}
	.case-nav&gt;*&gt;.left{overflow-x:auto;}
	.case-nav-item&gt;*:after{bottom:-6px; height:2px; display:none;}
	.case-nav-item&gt;*{margin-left:20px;}
	.case-nav-item&gt;*.on{color:var(--color-blue);}
	.l-pd50{padding-top:40px; padding-bottom:40px;}
	.pro-item&gt;* .img{height:160px;}
	.pro-item&gt;*{margin-top:20px;}
	.pro-item{margin-top:-20px;}
	.page-loading{margin-top:30px;}
	.proDetail-top{padding:20px; display:block;}
	.proDetail-top&gt;*{width:100% !important; padding:0 !important;}
	.l-font28{font-size:20px;}
	.proDetail-top&gt;.left .ccont{margin-top:20px; padding-top:20px;}
	.l-lh32{line-height:28px;}
	.proDetail-top&gt;.right .img{height:160px;}
	.proDetail-bottom{margin-top:20px; padding:20px;}
	.proDetail-bottom&gt;.cont{margin-top:20px; padding:20px 0;}
	.detail-page{display:block; margin-top:20px;}
	.detail-page&gt;*{display:block;}
	.detail-page&gt;*.center{margin:10px 0;}
	.system-item&gt;* .img{height:190px;}
	.system-item{margin-top:-20px;}
	.system-item&gt;*{margin-top:20px;}
	.proDetail-bottom&gt;.nname{margin-top:20px;}
	.proDetail-bottom&gt;.cont img{height:auto !important;}
	.proDetail-bottom.two{margin-top:0;}
	.lh-problem{padding:20px;}
	.lh-aftersale&gt;.cont{margin:20px 0; padding:20px 0;}
	.lh-aftersale&gt;.cont img{height:auto !important;}
	.aftersale-item{margin-top:20px;}
	.l-pd80{padding-top:40px; padding-bottom:40px;}
	.lh-news-top{display:block;}
	.news-nav{height:40px; border-radius:40px; margin-top:20px; width:100%;}
	.news-nav&gt;*{width:50%;}
	.news-item.list&gt;*{width:100%; margin-top:20px;}
	.news-item.list li&gt;*{padding:10px;}
	.about-who&gt;*&gt;*.left .ccont{margin-top:30px;}
	.about-who&gt;*{display:block;}
	.about-who&gt;*&gt;*.center{margin:30px 0;}
	.about-who&gt;*&gt;*.center .icon{width:100%; height:340px;}
	.about-who&gt;*&gt;*.center .icon .img{padding:20px;}
	.about-who&gt;*&gt;*.center .icon .hd{width:120%;}
	.l-font140{font-size:70px; line-height:70px;}
	.about-who&gt;*&gt;*.right .time span{position:static;}
	.about-who&gt;*&gt;*.right .ccont{margin-top:30px; color:#000;}
	.culture-item{margin-top:10px;}
	.culture-item&gt;*{margin-top:20px;}
	.culture-item&gt;*&gt;*{padding:50px 20px 20px;}
	.culture-item&gt;* .icon{right:20px; width:60px;  height:60px;}
	.culture-item&gt;* .icon i{font-size:24px;}
	.contact-way&gt;*.l-container{display:block;}
	.contact-way:before{display:none;}
	.contact-way&gt;*&gt;*.left, .contact-way&gt;*&gt;*.right{width:100%;}
	.contact-way&gt;*&gt;*.right{padding-left:0; margin-top:30px;}
	.l-font46{font-size:32px;}
	.contact-way&gt;* .map .nname span{margin:10px 10px 0 0;}
	.contact-way&gt;* .text .tel{margin-top:20px;}
	.way-item&gt;*{margin-top:30px !important;}
	.way-btn{display:none;}
	.way-item&gt;* .text h3{margin-bottom:6px;}
	.contact-way:before{content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.2); position:absolute; left:0; top:0;}
	.contact-join&gt;*{display:block;}
	.contact-join&gt;*&gt;*{width:100%;}
	.contact-join&gt;*&gt;*.left{padding-right:0;}
	.contact-join&gt;*&gt;*.right{margin-top:30px; padding:20px;}
	.join-item&gt;*&gt;*{padding:20px;}
	.join-item&gt;* .bottom{margin-top:10px;}
	.l-lh36{line-height:26px;}
	.message-cont{margin-top:30px; display:block;}
	.message-cont&gt;*.left{padding-right:0;}
	.message-item&gt;*{margin-top:10px; height:52px;}
	.message-item&gt;* input{padding:0 20px;}
	.message-cont&gt;*.right{padding-left:0;}
	.message-right textarea{height:100px; padding:10px 20px;}
	.message-btn{margin-left:-15px;}
	.message-btn&gt;*{width:50%; padding-left:15px;}
	.message-btn&gt;*&gt;*{height:52px;}
	.footer-contact&gt;* dt{display:none;}
	.footer-ewm{position:absolute; right:0; top:20px;}
	.footer-contact&gt;*:first-child{margin-top:-20px;}
	.lh-nav&gt;* dl{display:none;}
	.lh-return{display:none;}
	.problem-item&gt;*&gt;*{padding:20px;}
	.l-font80{font-size:42px; line-height:42px;}
	.problem-item&gt;* .ccont{margin-top:10px;}
	.lh-problem{padding:0;}
	.proDetail-bottom&gt;.cont iframe{width:100%;}
	.course-item&gt;*&gt;*{padding:20px;}
	.course-item&gt;* .down{width:80px; font-size:12px;}
	.course-item&gt;* .ccont{margin-top:10px;}
	.lh-aftersale{padding:20px;}
	.about-honor{padding-top:40px;}
	.honor-cont{width:100%; padding:50px 0 20px;}
	.honor-icon{display:none;}
	.honor-cont&gt;.top&gt;*{width:100%; display:block;}
	.honor-cont&gt;.top&gt;*&gt;*.right{width:100%; margin-top:30px; padding:0 20px;}
	.l-font60{font-size:32px;}
	.honor-banner{height:auto; margin-top:20px;}
	.course-cont{display:block; margin-top:30px;}
	.course-cont&gt;*{width:100%;}
	.course-text .bd .ccont{width:100%; line-height:24px;}
	.l-font100{font-size:52px;}
	.course-text .bd .time{margin-top:20px; padding-top:10px;}
	.course-bottom{margin-top:20px; width:100%;}
	.course-banner .bd a{width:56px; height:56px;}
	.lh-banner{height:240px;}
	main{padding-top:50px;}
	.lh-banner .bd .l-container{padding-bottom:50px;}
	.banner-btn-box{bottom:20px;}
	.banner-hd{display:none !important;}
}
/*手机*/
@media screen and (max-width: 980px){
    
}








</pre></body></html>